<script lang="ts" setup>
import {onMounted} from "vue"
// @ts-ignore
import {useRoute} from 'vue-router'

const route = useRoute()

function initMap() {
  let longitude = route.query['longitude'], latitude = route.query['latitude'], title = route.query['title'],
      center: any
  if (latitude && longitude) {
    // @ts-ignore
    center = new TMap.LatLng(latitude, longitude)//设置中心点坐标
  } else {
    // @ts-ignore
    center = new TMap.LatLng(39.984104, 116.307503)//设置中心点坐标
  }
  //初始化地图
  // @ts-ignore
  const map = new TMap.Map("container", {center: center})
  //初始化infoWindow
  // @ts-ignore
  const infoWindow = new TMap.InfoWindow({
    map: map,
    position: center, //设置信息框位置
    content: title || '腾讯地图坐标' //设置信息框内容
  })
}

onMounted(initMap)
</script>

<template>
  <div id="container" style="width: 100%;height: 100%;"/>
</template>

<style lang="scss" scoped>

</style>